//out:false
xm-select {
	--tw-border-opacity: 1;
	border-color: hsla(var(--bc) / 0.2) !important;
	--tw-bg-opacity: 1;
	background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
	& > .xm-body {
		--tw-border-opacity: 1;
		border-color: hsla(var(--bc) / 0.2) !important;
		--tw-bg-opacity: 1;
		background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
		// border:1px solid #f00;
		.xm-option-content {
			color: hsl(var(--bc)) !important;
		}
		.xm-option {
			// background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
			&:hover {
				// background-color: hsl(var(--b2) / var(--tw-bg-opacity)) !important;
			}
			.xm-option-icon {
				// border-color: hsl(var(--p)) !important;
			}
			&.selected {
				// background-color: hsl(var(--b2) / var(--tw-bg-opacity))!important;
				// 
				&.hide-icon .xm-option-content{
					color: hsl(var(--bc))!important;
				}
				.xm-iconfont {
					// color: hsl(var(--p)) !important;
				}
			}
			&.disabled {
				.xm-iconfont {
					// border-color: hsla(var(--p) / 0.6) !important;
				}
				.xm-option-content {
					color: hsla(var(--bc) / 0.3) !important;
				}
			}
		}
		.xm-paging {
			& > span {
				--tw-border-opacity: 1;
				border-color: hsla(var(--bc) / 0.2) !important;
				--tw-bg-opacity: 1;
				background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
				color: hsl(var(--bc)) !important;
			}
		}
		.xm-toolbar {
			.toolbar-tag {
				color: hsla(var(--bc) / 1) !important;
			}
		}
		div {
			.xm-search {
				background-color: rgba(255, 255, 255, 0) !important;
			}
			.xm-search-input {
				--tw-border-opacity: 1;
				border-color: hsla(var(--bc) / 0.2) !important;
				--tw-bg-opacity: 1;
				background-color: hsl(var(--b1) / var(--tw-bg-opacity)) !important;
                color: hsl(var(--bc)) !important;
			}
		}
	}
}
.xmselect-type{
	@borderColor:hsla(var(--bc) / .2);
	.xm-body{
		padding:0;
	}
	.scroll-body{
		// overflow: hidden !important;
		&>div{
			margin:0 !important;
		}
	}
	&__item{
		border-bottom:1px solid @borderColor;
		text-align: center;	
		cursor: pointer;
		padding:6px 4px;
		&:hover{
			background-color: hsla(var(--b3) / 0.2);
		}
		&.hover{
			background-color: hsla(var(--p) / 0.2);
		}
	}
	&__wrap{
		
		display: flex;
		width: 100%;
		// border:1px solid ;
		// border-color: @borderColor;
		min-height: 200px;
		.layui-input{
			box-sizing: border-box !important;
		}
		.type{
			display: flex;
			flex-direction: column;
			
		}
		.line{
			width: 1px;
			background-color: @borderColor;
		}
		
		.main{
			flex:auto;
			width:10px;
			height: 100%;
			display: flex;
			flex-direction:column;
			padding:4px;
			box-sizing: border-box !important;
			.search{
	
			}
			.tree-list{
				height: 10px;
				flex:auto;
				overflow: auto;
			}
			.select-btn{
				// display: flex;
				text-align: right;
				border-top:1px solid @borderColor;
				padding:4px 0;
				a{
					color:hsla(var(--p) / 1);
					text-decoration: underline;
				}
			}
		}
	}
}
